<!DOCTYPE html>
<html lang="en">

    <head>

        <meta charset="utf-8">
        <!---Read only section. Source panel edits to these document properties will not be persisted-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Multiple Top-Level WebVIs</title>
        <!---End read only section. Additional scripts or document properties can be added outside this section-->

        <link href="ni-webvi-resource-v0/favicon.ico" type="image/x-icon" rel="icon">
<link href="ni-webvi-resource-v0/Web/dist/Styles/niBase.DeployedRun.min.css" type="text/css" rel="stylesheet">
<script src="ni-webvi-resource-v0/BrowserDetection.js" type="text/javascript" nomodule=""></script>
<script src="ni-webvi-resource-v0/DeployedRun.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/VireoImport.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/ResourceLoadDetection.js" defer=""></script>
<style ni-autogenerated-style-id="">
		/* Read only section. Source panel edits to the content of this style tag will not be persisted */
        [ni-control-id='2'] { --ni-background: rgba(255,255,255,1); --ni-border-width: 0px 0px 0px 0px; height: 1000px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 30px 30px 30px 30px; width: 320px; --ni-max-width: none; }
        .ni-front-panel-wrapper { min-width: 320px; }
        [ni-control-id='3'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 4px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 0px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='4'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 88px; left: 4px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 20px; width: 312px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='5'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); left: 48px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 142px; font-size: 37px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 248px; height: 56px; }
        [ni-control-id='6'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 40px; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 243px; width: 144px; font-size: 24px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='8'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 223px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='7'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 40px; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 326px; width: 144px; font-size: 24px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='10'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 306px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='9'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 40px; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 406px; width: 136px; font-size: 24px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='12'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 386px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='11'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 40px; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 486px; width: 152px; font-size: 24px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='14'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 133px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 466px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='13'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 246px; --ni-true-background: rgba(238,28,37,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 40px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='16'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 226px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='15'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 326px; --ni-true-background: rgba(248,148,28,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 40px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='18'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 306px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='17'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 406px; --ni-true-background: rgba(0,166,79,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 40px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='20'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 386px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='19'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 486px; --ni-true-background: rgba(102,43,145,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 40px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='22'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 55px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 466px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='21'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 31px; left: 50px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 556px; width: 255px; font-size: 24px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='24'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 50px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 536px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='23'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); left: 30px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: center; --ni-text-align: center; top: 20px; font-size: 21px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 260px; height: 80px; }
        [ni-control-id='25'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); left: 16px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 692px; font-size: 16px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 277px; height: 232px; }
        [ni-control-id='26'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 48px; left: 16px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 640px; width: 277px; font-size: 16px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='27'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 16px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 620px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
		/* End read only section. To add additional styles, add a new style tag after this one. */</style>
    
</head>

    <body><ni-web-application location="BROWSER" engine="VIREO" vireo-source="index.via.txt" wasm-url="ni-webvi-resource-v0/node_modules/vireo/dist/wasm32-unknown-emscripten/release/vireo.core.wasm"><ni-virtual-instrument vi-name="WebApp::index.gviweb"></ni-virtual-instrument></ni-web-application>
        <div id="ni-outdated-browser-message" style="display:none">This browser is missing features needed to run this web application. Open this web application in a supported browser.</div>
        <div id="ni-failed-to-load-vireo-source" style="display:none">Unable to load required dependencies. Please verify all WebVI files are available and served using an http server or use a browser that can load files directly from the filesystem.</div>

        <div class="ni-front-panel-wrapper" vi-ref="" ni-control-id="FrontPanelWrapper">
            <ni-front-panel control-resize-mode='fixed' layout='absolute' ni-control-id='2'>

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

            
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='3' text='banner'></ni-label>
            <ni-url-image alternate='' binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_Banner", "dco": 10, "isLatched": false, "prop": "source", "sync": false, "unplacedOrDisabled": true}' control-resize-mode='fixed' follower-ids='["3"]' href='' label-alignment='top-left' label-id='3' ni-control-id='4' read-only='true' source='data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20fill=%22%23044123%22/%3E%3C/svg%3E' stretch='uniform' target='_self'></ni-url-image>
            <ni-text control-resize-mode='fixed' ni-control-id='5' text='System Status'></ni-text>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_EngineLink", "dco": 0, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Engine' control-resize-mode='fixed' follower-ids='["8"]' href='Engine.html' label-alignment='top-left' label-id='8' ni-control-id='6' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='8' text='Engine Link'></ni-label>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_BatteryLink", "dco": 1, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Energy' control-resize-mode='fixed' follower-ids='["10"]' href='Energy.html' label-alignment='top-left' label-id='10' ni-control-id='7' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='10' text='Battery Link'></ni-label>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_SecurityLink", "dco": 2, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Efficiency' control-resize-mode='fixed' follower-ids='["12"]' href='Efficiency.html' label-alignment='top-left' label-id='12' ni-control-id='9' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='12' text='Security Link'></ni-label>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_EmergencyLink", "dco": 3, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Emergency' control-resize-mode='fixed' follower-ids='["14"]' href='Emergency.html' label-alignment='top-left' label-id='14' ni-control-id='11' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='14' text='Emergency Link'></ni-label>
            <jqx-led binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_EngineLED", "dco": 4, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' control-resize-mode='fixed' false-content='Off' follower-ids='["16"]' label-alignment='top-left' label-id='16' ni-control-id='13' readonly='true' shape='square' true-content='On'></jqx-led>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='16' text='Engine LED'></ni-label>
            <jqx-led binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_EnergyLED", "dco": 5, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' control-resize-mode='fixed' false-content='Off' follower-ids='["18"]' label-alignment='top-left' label-id='18' ni-control-id='15' readonly='true' shape='square' true-content='On'></jqx-led>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='18' text='Energy LED'></ni-label>
            <jqx-led binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_EfficiencyLED", "dco": 6, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' control-resize-mode='fixed' false-content='Off' follower-ids='["20"]' label-alignment='top-left' label-id='20' ni-control-id='17' readonly='true' shape='square' true-content='On'></jqx-led>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='20' text='Efficiency LED'></ni-label>
            <jqx-led binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_EmergencyLED", "dco": 7, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='release' control-resize-mode='fixed' false-content='Off' follower-ids='["22"]' label-alignment='top-left' label-id='22' ni-control-id='19' readonly='true' shape='square' true-content='On'></jqx-led>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='22' text='Emergency LED'></ni-label>
            <ni-hyperlink binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_AutoNavigateLink", "dco": 8, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": false}' content='Inspect Current Error' control-resize-mode='fixed' follower-ids='["24"]' href='' label-alignment='top-left' label-id='24' ni-control-id='21' readonly='true' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='24' text='Auto Navigate Link'></ni-label>
            <ni-text control-resize-mode='fixed' ni-control-id='23' text='
Multiple Top-Level WebVIs'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='25' text='This example demonstrates how to create a web application with multiple pages by using multiple top-level WebVIs and Hyperlink controls to link between them. When you build the web application, each top-level WebVI generates a separate HTML file with links to the other HTML files that are generated.'></ni-text>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_HyperlinkControl", "dco": 9, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Learn more about this example at github.com/ni/webvi-examples' control-resize-mode='fixed' follower-ids='["27"]' href='https://github.com/ni/webvi-examples' label-alignment='top-left' label-id='27' ni-control-id='26' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='27' text='Hyperlink Control'></ni-label>
        </ni-front-panel>
        </div>
    </body>

</html>